@charset "utf-8";
/* CSS Document */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, address, em, font, img, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, input, a, nav, del, textarea {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

input, textarea {
    -webkit-appearance: none;
}

ol, ul {
    list-style: none;
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body, html {
    height: 100%;
    overflow: hidden;
}

.wrapper {
    width: 100%;
    height: 89%;
    overflow: auto;
    position: relative;
    -webkit-overflow-scrolling: touch;
    margin-top: 29px;
}

body {
    color: #333;
    font-size: 14px;
    line-height: 1.2em;
    -webkit-text-size-adjust: none;
    font-family: Arial;
}

body, a, img {
    outline: none;
    blr: expression(this.onFocus=this.blur());
}

img {
    border: none;
    max-width: 100%;
}

em {
    font-style: normal;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.hide {
    display: none;
}

.clearfix:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

.noSelect {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.preprice {
    color: #9E9E9E;
    /*color: #808281;*/
    font-size: 14px;
}

.nowprice {
    color: #fc724d;
    font-size: 14px;
}

.nowprice em, .preprice em {
    font-size: 0.8em;
}

.avatar {
    border-radius: 50%;
}

.saled-icon-w {
    color: #fff;
    display: inline-block;
    /*height: 25%;*/
    position: absolute;
    top: 0;
    width: 22%;
    right: 8%;
}

.vertical-l {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 1px;
}

.index {
    /*background: #efebec;*/
    /*background: #f5f5f5;*/
    background: white;
}

.index .category-sub {
    text-align: center;
    padding: 0 1% 10px;
}

.index .category-sub a {
    color: #4a4a4a;
    float: left;
    width: 33.33%;
}

.index .category-sub img {
    display: block;
    margin: 13px auto 5px;
    width: 56%;
}

.index .category {
    background: #fff;
    box-shadow: 0px 0px 3px #dfdadb;
    text-align: center;
    width: 100%;
}

.categorylist-w-copy {
    visibility: hidden;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.categorylist-w-copy .category {
    position: absolute;
    top: 0;
    z-index: 2;
}

.index .category a {
    border-right: 1px solid #efebec;
    color: #333;
    float: left;
    padding: 11px 0;
    width: 33.33%;
}

.index .category a:nth-child(3) {
    border: 0px;
}

.index .category-i {
    margin-left: 5px;
    width: 12px;
}

.index .category a.cur {
    background: #efebec;
}

@-webkit-keyframes category-i-rotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(180deg);
    }
}

@-webkit-keyframes category-i-rotate1 {
    from {
        -webkit-transform: rotate(180deg);
    }
    to {
        -webkit-transform: rotate(0deg);
    }
}

.index .category a.cur .category-i {
    -webkit-transform: rotate(180deg);
}

.index .category .category-i-removecur {
    -webkit-transform: rotate(0deg);
}

.goodslist {
    margin: 0 auto;
    width: 100%;
}

.goodslist li {
    background: #fff;
    /*box-shadow: 0px 1px 3px #b4b3b4;*/
    float: left;
    margin-top: 7px;
    /*width: 49%;*/
    border: 1px solid #C7C7C7;
    margin-top: 10px;
}

.goodslist li:nth-child(2n-1) {
    margin-right: 5px;
}

.goodslist a {
    display: block;
}

.goodslist img {
    width: 100%;
}

.goodslist .good-img-w {
    position: relative;
}

.goodslist .title {
    color: #212121;
    /*color: #333;*/
    font-size: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.goodslist .preprice {
    margin-left: 5px;
}

.goodslist .range, .goodslist .time {
    color: #C7C7C7;
    /*color: #999;*/
    font-size: 10px;
}

.goodslist .time {
    padding-right: 10px;
}

.goodslist p {
    padding-left: 10px;
}

.goodslist p.clearfix {
    margin: 5px 0 6px;
}

.categorylist-w {
    width: 100%;
}

.category-list-layout {
    background: rgba(0, 0, 0, 0.35);
    height: 0;
    overflow-y: auto;
    position: absolute;
    width: 100%;
}

.category-list {
    background: #fff;
    display: none;
    font-size: 16px;
    padding-top: 50px;
}

.category-list a {
    color: #333;
    border-bottom: 1px solid #efebec;
    display: block;
    padding: 10px 5% 10px 7%;
}

.category-list .turn {
    background: #c1c1c1;
    border-radius: 20px;
    height: 24px;
    position: relative;
    width: 42px;
}

.category-list .turn-icon {
    background: #fff;
    border-radius: 50%;
    height: 22px;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 20px;
}

.category-list .turned {
    background: #ef6247;
}

.category-list .turned .turn-icon {
    left: auto;
    right: 1px;
}

.category-list .isfree {
    border-bottom: 1px solid #c3c3c3;
    line-height: 22px;
    padding-bottom: 20px;
    margin: 10px auto 35px;
    width: 84%;
}

.category-list .sx-range {
    border-top: 2px solid #c3c3c3;
    height: 62px;
    margin: 0 auto;
    position: relative;
    width: 80%;
}

.category-list .sx-range a {
    padding: 0;
    position: absolute;
    top: -10px;
}

.category-list .sx-range a .round {
    border: 2px solid #c1c1c1;
    background: #fff;
    border-radius: 50%;
    display: block;
    margin: 0 auto 10px;
    height: 20px;
    width: 20px;
}

.category-list .sx-range a.cur .round {
    background: #ef6247;
}

.category-list .sx-range a:nth-child(1) {
    left: -15px;
}

.category-list .sx-range a:nth-child(2) {
    left: 39%;
}

.category-list .sx-range a:nth-child(3) {
    right: -9px;
}

.category-list .sx-btn-ok {
    padding: 12px 0;
    background: #ef6247;
    color: #fff;
    text-align: center;
    width: 100%;
}

.loadingMore {
    text-align: center;
    color: #434343;
    height: 40px;
    line-height: 40px;
}

.loadingMore img {
    width: 16px;
    margin-right: 2px;
    vertical-align: -3px;
}

/*second_hand_edit.html*/
.secondhandedit-top {
    background: #efebec;
    font-size: 16px;
    padding: 10px 3%;
    position: relative;
    text-align: center;
}

.secondhandedit-top .close {
    position: absolute;
    left: 3%;
}

.secondhandedit-top .close img {
    height: 16px;
}

.secondhandedit-top .send {
    color: #999;
    position: absolute;
    right: 3%;
}

.photo-box {
    margin: 15px 0 15px 3.5%;
    width: 97%;
}

.photo-box li {
    padding-right: 4%;
    padding-bottom: 3%;
    width: 20%;
}

.photo-box li img {
    border-radius: 9px;
}

/*detail.html*/
.second-detail {
    padding: 60px 0 45px 0;
}

.second-detail .saled-icon-w {
    z-index: 1;
    top: 0;
    right: 10%;
    width: 15%;
}

.second-detail-body .info-top {
    background: rgba(255, 255, 255, 0.96);
    margin: 0 auto;
    padding: 12px 4% 10px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
}

.second-detail-body .info-top .avatar {
    margin: -2px 3px 0 0;
    vertical-align: middle;
    width: 32px;
}

.second-detail-body .info-top-sub {
    color: #999;
    font-size: 12px;
}

.second-detail-body .info-top .contact {
    background: #fb714c;
    border-radius: 14px;
    color: #fff;
    padding: 6px 11px 5px;
    position: absolute;
    right: 4%;
    top: 15px;
}

.second-detail-body .info-top-p {
    display: inline-block;
    vertical-align: middle;
}

.second-detail .swiper-pagination-switch {
    background: rgba(170, 163, 155, 0.6);
}

.second-detail .swiper-active-switch {
    background: #fff;
}

.second-detail .swiper-container .clearfix {
    z-index: 2;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 8px 4%;
    position: absolute;
    top: 0;
    width: 100%;
}

.second-detail .info {
    margin: 0 auto;
    width: 92%;
}

.second-detail .name {
    font-size: 17px;
    line-height: 1.4em;
    margin: 4px 0;
    position: relative;
}

.second-detail .nowprice {
    font-size: 17px;
    margin-right: 7px;
}

.second-detail .intro {
    margin-top: 6px;
    line-height: 1.4em;
}

.second-detail .btn-box {
    margin: 20px auto 15px;
}

.second-detail .btn-box li {
    color: #999;
    float: left;
    text-align: center;
    width: 33.3%;
}

.second-detail .btn-box .btn-box-srored {
    color: #fc724d;
}

.second-detail .btn-box li:nth-child(3) {
    position: relative;
}

.second-detail .btn-box input {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.second-detail .btn-box img {
    vertical-align: middle;
    margin-right: 6px;
    margin-top: -4px;
    width: 17%;
}

.second-detail .line {
    background: #efebec;
    height: 8px;
}

.second-detail .comment-li {
    border-bottom: 1px solid #efebec;
    padding: 8px 4.5%;
}

.second-detail .comment-detail {
    width: 87%;
}

.second-detail .comment .avatar {
    margin-right: 6px;
    width: 10%;
}

.second-detail .comment .name {
    font-size: 13px;
    display: inline-block;
}

.second-detail .comment .info {
    color: #999;
    display: inline-block;
    font-size: 12px;
    padding-top: 9px;
}

.second-detail .icon-saled {
    background: rgba(132, 221, 36, 0.8);
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    position: absolute;
    top: 5%;
    right: 0%;
    padding: 12px 10px;
}

.second-detail .comment .me {
    color: #fc724d;
}

.second-detail .sub-comment {
    margin-top: 9px;;
}

.second-detail .parent-comment {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.second-detail .parent-comment-w {
    background: #efebec;
    color: #999;
    border-radius: 10px;
    padding: 8px 5px 8px 8px;
    margin-top: 17px;
    position: relative;
}

.second-detail .parent-comment-w .irrow {
    border-width: 0px 5px 8px 5px;
    border-style: solid;
    border-color: transparent transparent #efebec transparent;
    display: block;
    height: 0px;
    overflow: hidden;
    position: absolute;
    top: -8px;
    left: 20px;
    width: 0px;
}

/*activedetail.html*/
.activedetail {
    color: #999;
}

.activedetail .pagination {
    bottom: 7px;
    text-align: right;
    padding-right: 10px;
}

.activedetail .swiper-title {
    background: rgba(0, 0, 0, 0.3);
    bottom: 0;
    color: #fff;
    height: 30px;
    line-height: 30px;
    left: 0;
    position: absolute;
    text-indent: 10px;
    width: 100%;
}

.activedetail .swiper-wrapper img {
    display: block;
}

.activedetail .swiper-pagination-switch {
    background: #908e91;
    margin-right: 5px;
}

.activedetail .swiper-active-switch {
    background: #fff;
}

.activedetail .count {
    border-bottom: 1px solid #efebec;
    padding: 4%;
}

.activedetail .count .num {
    color: #fc724d;
    font-size: 1.4em;
}

.activedetail .count sub {
    font-size: 0.6em;
}

.activedetail .time-address {
    line-height: 1.8em;
    text-align: center;
    padding: 5% 4% 4%;
}

.activedetail .time-address p:nth-child(1) {
    margin-bottom: 7px;
}

.activedetail .time-address .time, .activedetail .time-address .address {
    color: #333;
    display: block;
    font-size: 1.1em;
}

.activedetail .time-address img {
    height: 14px;
    margin-right: 3px;
    vertical-align: -2px;
}

.activedetail .detail-p {
    text-indent: 2em;
    line-height: 1.5em;
    padding: 6% 4% 4%;
    font-size: 1.1em;
}

.activedetail .detail-t {
    border-bottom: 1px dashed #d3d3d3;
    color: #333;
    text-align: center;
    font-size: 1.1em;
}

.activedetail .detail-t span {
    background: url(../images/active_title_bg.png) no-repeat left center, url(../images/active_title_bg.png) no-repeat right center;
    background-color: #fff;
    background-size: auto 30%;
    padding: 0 10px;
    position: relative;
    top: 9px;
}

.activedetail .explain {
    padding: 6% 4% 4%;
    line-height: 1.7em;
    word-wrap: break-word;
}

.activedetail .explain li {
    padding-left: 10px;
    position: relative;
}

.activedetail .explain em {
    background: #868686;
    display: inline-block;
    border-radius: 50%;
    font-weight: bold;
    height: 6px;
    width: 6px;
    text-indent: -9999px;
    position: absolute;
    left: 0;
    top: 7px;
}

.activedetail .information {
    position: absolute;
}

.activedetail-body .join-a, .activedetail-body .join-a-copy {
    background: #f7744a;
    color: #fff;
    display: block;
    width: 100%;
    padding: 14px 0;
    text-align: center;
    text-shadow: 0px 0px 1px #999;
    font-size: 1.5em;
    position: fixed;
    bottom: 0;
    left: 0;
}

.activedetail-body .join-a-copy {
    display: none;
}

.activedetail-body .info-form {
    background: #fff;
    border-radius: 5px;
    margin: 0 auto;
    position: relative;
    top: 27%;
    width: 80%;
}

.activedetail-body .info-form-t {
    color: #333;
    font-size: 1.2em;
    padding: 20px 0 15px;
}

.activedetail-body .pop .close {
    background: url(../images/close.png) no-repeat;
    background-size: 100% 100%;
    height: 32px;
    position: absolute;
    right: 6px;
    top: 10px;
    width: 32px;
}

.activedetail-body .info-form .text {
    resize: none;
    border: 1px solid #dddddd;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 15px;
    width: 86%;
}

@media screen and (max-width: 3800px) {
    .activedetail-body .info-form .text {
        padding: 6px;
    }
}

.activedetail-body .info-form .address {
    height: 90px;
}

.activedetail-body .info-form .button {
    background: #c0c0c0;
    color: #fff;
    padding: 10px 0;
    width: 100%;
    border-radius: 0px 0px 5px 5px;
}

.activedetail-body .info-form .button-change {
    background: #f7744a;
}

.activedetail-body .joined-a {
    background: #c0c0c0;
}

.activedetail .h48 {
    height: 48px;
}

.activedetail-body .cancleJon {
    border-radius: 10px;
    position: fixed;
    top: 27%;
    text-align: center;
    padding: 20px 0;
    height: auto;
    left: 24%;
    width: 56%;
}

.activedetail-body .cancleJon img {
    width: 40%;
    margin-bottom: 10px;
}

/*评论框*/
.comment-form {
    background: #f7f6f4;
    position: fixed;
    bottom: 0;
    padding: 5px 0 5px 10px;
    width: 100%;
    z-index: 11;
}

.comment-form .text {
    background: #fff;
    border: 1px solid #efebec;
    border-radius: 10px;
    padding: 8px 10px;
    width: 85%;
}

.comment-form .button {
    border: 0 none;
    color: #999;
    text-align: center;
    width: 15%;
}

/*pop*/
.pop {
    background: rgba(0, 0, 0, 0.7);
    display: none;
    color: #fff;
    height: 100%;
    top: 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 9;
}

.pop .loading-con {
    background: rgba(0, 0, 0, 0.9);
    border-radius: 20px;
    display: inline-block;
    padding: 25px;
    margin-top: 40%;
}

.pop .loading-con img {
    width: 30px;
}

.shareactive .wrapper {
    height: 100%;
    overflow: auto;
}

.sharepage-top-copy {
    display: none;
}

.sharepage-top, .sharepage-top-copy {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
}

.sharepage-top img, .sharepage-top-copy img {
    display: block;
    width: 100%;
}

/*share_detail.html share_comment.html*/
.sharedetail, .sharecomment {
    background: #efebec;
}

.sharedetail .info, .commentdetail .info {
    background: #fff;
    padding: 0 4% 10px;
    box-sizing: content-box;
    overflow: hidden;
}

.sharedetail .goodslist li {
    padding-bottom: 5px;
}

.sharedetail .second-detail, .sharecomment .second-detail {
    padding-bottom: 0px;
}

.sharedetail .info-top, .sharecomment .info-top {
    position: inherit;
    z-index: 1;
}

.sharedetail .sale-count, .sharecomment .sale-count {
    background: #efebec;
    padding-top: 3%;
    text-align: center;
}

.sharecomment .sale-count {
    padding-bottom: 3%;
}

.sharedetail .sale-count em, .sharecomment .sale-count em {
    color: #fca210;
}

.sharedetail .goodslist-w {
    margin-top: 10px;
    overflow: hidden;
}

.share-golook {
    background: #fb714c;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    display: block;
    text-align: center;
    padding: 8px 0;
    margin: 10px auto;
    width: 60%;
}

.sharecomment {
    line-height: 1.3em;
}

.sharecomment .comment {
    background: #fff;
}

.sharecomment .comment-t {
    background: #efebec;
    padding: 2% 0;
    text-align: center;
}

.sharecomment .second-detail .name {
    font-size: 16px;
}

.sharecomment .comment-top {
    font-size: 18px;
    padding: 10px 0 15px;
}

.sharecomment .list-more li {
    background: #fff;
    padding: 3%;
    margin-bottom: 10px;
    box-shadow: 0px 1px 3px #d8d8d6;
}

.sharecomment .list-more li a {
    color: #333;
    display: block;
    position: relative;
}

.sharecomment .list-more .more-pic {
    width: 80px;
}

.sharecomment .list-more .title {
    height: 56px;
    margin-bottom: 8px;
    padding-top: 3px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.sharecomment .list-more .right {
    padding-left: 90px;
}

.sharecomment .commenter img, .sharecomment .visiter img {
    margin-right: 4px;
}

.sharecomment .commenter img {
    height: 14px;
    margin-left: 4px;
    vertical-align: -2px;
}

.sharecomment .visiter img {
    height: 12px;
    margin-left: 25px;
}

.sharecomment .commenter, .sharecomment .visiter {
    color: #999;
}

@media only screen and (min-width: 640px) {
    body, html {
        overflow: auto;
    }

    .sharepage-top {
        display: none;
    }

    .sharepage-top-copy {
        display: block;
        width: 640px;
    }

    .wrapper {
        max-width: 640px;
        margin: 0 auto;
        border: 1px solid #ddd;
    }

    .sharepage-top {
        width: 640px;
    }

    .shareactive, .sharedetail, .sharecomment {
        height: auto;
    }

    .shareactive .join-a-copy {
        display: block;
        width: 640px;
        left: auto;
    }

    .shareactive .join-a {
        display: none;
    }
}

.ng-cloak, .x-ng-cloak, .ng-hide {
    display: none !important;
}

ng\\:form {
    display: block;
}

.ng-animate-block-transitions {
    transition: 0s all !important;
    -webkit-transition: 0s all !important;
}

.loading-pop {
    background: rgba(255, 255, 255, 255);
    height: 100%;
    top: 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 9;
}

.loading-pop .loading-img {
    height: 20px;
    position: relative;
    top: 40%;
}

/*pop*/
.sale_pop {
    background: rgba(0, 0, 0, 0.7);
    display: none;
    color: #4a4a4a;
    font-size: 16px;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 9;
}

.sale_pop .loading-con {
    background: white;
    border-radius: 5px;
    display: inline-block;
    width: 90%;
    height: 200px;
    position: relative;
    top: 30%;
}

.sale_pop .loading-con .btn {
    height: 28%;
    width: 100%;
    text-align: center;

    color: white;
    bottom: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    position: absolute;
}

.sale_pop .loading-con .btn li {
    float: left;
    /*text-align: center;*/
    padding: 20px;
    width: 50%;
    height: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.search_input {
    background: white;
    padding-top: 7px;
    padding-bottom: 7px;
    width: 100%;
    height:45px;
    margin-top: 12px;
}

/* 宝宝树66小区 sprint5 闲置搜索页 增加闲置分类搜索 add wangcan 20171128 start */
.btn {
    margin-right: 10px;
    margin-top: 5px;
    float: right;

}

.img_btn {
    margin-right: 10px;
    margin-top: 5px;
    float: right;

}

/* 宝宝树66小区 sprint5 闲置搜索页 增加闲置分类搜索 add wangcan 20171128 end */

.searchInput {
    float: left;
    height: 36px;
    margin-left: 20px;
    /*margin: 0 auto;*/
    width: 90%;
    /*width: 96%;*/
    /*color: #cecece;*/
    border-radius: 26px;
    border: 1px solid #e8e8e8;
    background: #F2F3F3;
    padding-left: 10px;
    font-size: 14px;
    vertical-align: middle;
    display: block;
    padding-right: 10px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position-x: 97%;
    background-position-y: 50%;
    background-image: url("../images/search_icon.png");
    /*background-image: url("../images/search.png");*/
    padding-right: 35px;
}

.searchImage {
    position: absolute;
    top: 19px;
    width: 20px;
    left: 5%;
}

.search_page {
    height: 100%;
    width: 100%;
}

.search_page .hot {
    padding: 9px 5%;
    width: 100%;
    background: white;
}

/* 宝宝树66小区 sprint5 闲置搜索页 增加闲置分类搜索 add wangcan 20171115 start */
/* 1120-commit-master */
.search_page .classify {
    padding: 19px 5%;
    width: 100%;
    background: white;
}

.search_page .classify .goodsClaList {
    text-align: center;
}

.goodsClaList li {
    background: #fff;
    float: left;
    padding-top: 6px;
    border-radius: 15px;
    border: 1px solid #f2f2f2;;
    height: 30px;
    width: 30%;
}

.goodsClaList li:nth-child(3n) {
    margin-left: 5%;
}

.goodsClaList li:nth-child(3n-1) {
    margin-left: 5%;
}

.goodsClaList li:nth-child(n+4) {
    margin-top: 8px;
}
/* 宝宝树66小区 sprint5 闲置搜索页 增加闲置分类搜索 add wangcan 20171115 end */

.search_page p {
    color: #b2b2b2;
    padding: 7px 20px;
    font-size: 16px;
}

.search_page .hot .hotList {
    text-align: center;
}

.hotList li {
    background: #fff;
    float: left;
    padding-top: 8px;
    border-radius: 15px;
    /*border: 1px solid #9e9e9e;*/
    border: 1px solid #F2F3F3;
    /*border: 1px solid #f2f2f2;*/
    height: 32px;
    width: 30%;
    font-size: 16px;
    color: #565A5C;
}

.hotList li:nth-child(3n) {
    margin-left: 5%;
}

.hotList li:nth-child(3n-1) {
    margin-left: 5%;
}

.hotList li:nth-child(n+4) {
    margin-top: 16px;
}

.search_page .history {
    background: #fff;
    width: 100%;
    /*padding: 0 20px;*/
    padding-left: 20px;
    font-size: 13px;
}

.historyList a {
    /*color: #4a4a4a;*/
    border-bottom: 1px solid #f0f0f0;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 16px 0;
    font-size: 16px;
    color: #565A5C;
}

.historyList li:last-child a {
    border-bottom: 0;
}

.clearHistory {
    display: block;
    width: 110px;
    height: 30px;
    font-size: 15px;
    margin: 30px auto;
    color: #666666;
    /*border: 1px solid #e8e8e8;*/
    border: 1px solid #f2f3f3;
    background: white;
    border-radius: 5px;
    /*margin-bottom: 30px;*/
}

.no_result {
    display: none;
    position: absolute;
    width: 100%;
    top: 40%;
    text-align: center;
}

.no_result img {
    width: 15%;
}

.no_result p {
    margin-top: 10px;
    font-size: 15px;
    color: #a8a8a8;
}

input::-webkit-input-placeholder {
    color: #cecece;
}
